<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>

<%@ page import="beans.*"%>

<%@ page import="java.util.List"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<jsp:include page="header.jsp"></jsp:include>
<body>
	<table width="100%" style="border-collapse: collapse;">
		<tr>
			<td align="center" class="tituloGrande" colspan="2">
				<div style="height: 50px">SKYNET</div></td>
		</tr>
		<tr>
			<td width="10%" valign="top"><jsp:include page="barraMenu.jsp"></jsp:include></td>
			<td>
				<table width="100%">
					<tr align="center">
						<td width="80%" align="center">
							<form action="BusquedaCliente.do" method="POST" id="formBusqueda">
							<input type="hidden" name="opcion" id="opcion">
							<input type="hidden" name="cuit" id="cuit">
							<input type="hidden" name="contacto" id="contacto">
							<input type="hidden" name="descuento" id="descuento">
							<input type="hidden" name="razSocial" id="razSocial">
							<input type="hidden" name="telefono" id="telefono">
							
								<table>
									<tr>
										<td class="titulo" align="left">Nombre Cliente: </td>
										<td align="center"><input type="text" name="nombreCliente" id="nombreCliente" size="40"></td>
									</tr>
									<tr>
										<td class="titulo" align="left">CUIT Cliente: </td>
										<td align="center"><input type="text" name="CUITCliente" id="CUITCliente" size="40"></td>
									</tr>
									<tr>
						<td>&nbsp;</td><td>&nbsp;</td>
					</tr>
									<tr>
										<td align="center" colspan="2"><input type="button" onclick="buscar();" value="Buscar"></td>
									</tr>
								</table>
							</form>
						</td>
					</tr>

					<%
					List<BeanCliente> datos = (List<BeanCliente>) request.getAttribute("LISTACLIENTES");
						if (datos != null) {
							if(!datos.isEmpty()){
					%>
					<tr>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td class="titulo" align="center">Clientes</td>
					</tr>
					<tr>
						<td align="center">
							<table width="40%" border="2" bordercolor="#00000"
								style="border-collapse: collapse;">
								<thead>
									<tr class="titulosTabla">
										<th>CUIT</th>
										<th>Razon Social</th>
										<th>Contacto</th>
									</tr>
								</thead>
								<tbody>
									<%
										for (BeanCliente beanCliente: datos) {
									%>
									<tr class="datosTabla" onclick="do_post('<%=beanCliente.getContacto()%>','<%=beanCliente.getCuit()%>','<%=beanCliente.getRazonSocial()%>','<%=beanCliente.getTelefono()%>','<%=beanCliente.getPorcentajeDesc()%>');" onmouseover="highlight(this);" onmouseout="desHighlight(this);">
										<td><%=beanCliente.getCuit()%></td>
										<td><%=beanCliente.getRazonSocial()%></td>
										<td><%=beanCliente.getContacto()%></td>
									</tr>
									<%
										}
									%>
								</tbody>
							</table>
						</td>
					</tr>
					<%
						} else if(datos.isEmpty()){
					%>
					<tr>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td align="center" class="consultaVacia">No se encontraron Clientes con esos criterios</td>
					</tr>
					
					<% } 
					}%>
				</table>
			</td>

		</tr>
	</table>


	<script type="text/javascript">
		function do_post(contact,cui,razSoc,tel,porcent){
			$("#cuit").val(cui);
			$("#descuento").val(porcent);
			$("#contacto").val(contact);
			$("#razSocial").val(razSoc);
			$("#telefono").val(tel);
			$("#opcion").val("siguiente");
			$("#formBusqueda").submit();
			
		}
		
		function buscar(){
			$("#opcion").val("buscar");
			$("#formBusqueda").submit();
		}
		
		function highlight(obj){
			$(obj).css("background-color","#FFFDE9");
			$(obj).css("cursor","pointer");
		}
		
		function desHighlight(obj){
			$(obj).css("background-color","white");
			$(obj).css("cursor","none");
		}
		
	
	</script>
</body>
</html>